<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
      xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>查看成交记录信息</title>
    <link th:replace="common/header"/>
</head>
<body class="no-skin">
<div th:replace="common/top"/>
<div class="main-container ace-save-state" id="main-container">
    <div th:replace="common/menu"/>
    <div class="main-content">
        <div class="main-content-inner">
            <div th:replace="common/title"/>
            <div class="page-content">
                <div th:replace="common/skin"/>
                <div class="row">
                    <div class="col-xs-12">
                        <!-- PAGE CONTENT BEGINS -->
                        <h3 class="header smaller lighter blue"><i class="fa fa-server" aria-hidden="true"></i>查看房屋信息
                        </h3>
                        <div class="row-fluid">
                            <!--PAGE CONTENT BEGINS HERE-->
                            <div class="span3">
                                <div class="control-group">
                                    新楼盘名称:<span th:text="${dealRecordInfo.houseInfo.houseName}">1</span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    <span>卧室:<span
                                            th:text="${dealRecordInfo.houseInfo.roomNumber + '间'}">1</span></span>-
                                    <span>客厅:<span
                                            th:text="${dealRecordInfo.houseInfo.drawingNumber + '间'}">1</span></span>-
                                    <span>厨房:<span
                                            th:text="${dealRecordInfo.houseInfo.kitchenNumber + '间'}">1</span></span>-
                                    <span>卫生间:<span th:text="${dealRecordInfo.houseInfo.restroomNumber + '间'}">1</span></span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    朝向:<span th:text="${dealRecordInfo.houseInfo.orientation.text + '向'}">1</span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    房屋面积:<span
                                        th:text="${#numbers.formatDecimal(dealRecordInfo.houseInfo.houseArea, 1, 2)}">1</span>平方米
                                </div>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <!--PAGE CONTENT BEGINS HERE-->
                            <div class="span3">
                                <div class="control-group">
                                    <span>总楼层:<span th:text="${dealRecordInfo.houseInfo.totalLayer}">1</span></span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    所在小区:<span th:text="${dealRecordInfo.houseInfo.polt}">1</span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    详细地址:<span th:text="${dealRecordInfo.houseInfo.address}">1</span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    <span>所在省:<span th:text="${dealRecordInfo.houseInfo.provinceName}">1</span></span>-
                                    <span>所在市:<span th:text="${dealRecordInfo.houseInfo.cityName}">1</span></span>-
                                    <span>所在区/县/镇:<span th:text="${dealRecordInfo.houseInfo.regionName}">1</span></span>
                                </div>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <!--PAGE CONTENT BEGINS HERE-->
                            <div class="span3">
                                <div class="control-group">
                                    住宅用途:<span th:text="${dealRecordInfo.houseInfo.purpose}">1</span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    产权:<span
                                        th:text="${dealRecordInfo.houseInfo.propertyRight eq null ? '无' : dealRecordInfo.houseInfo.propertyRight + '年'}">1</span>
                                </div>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="span12">
                                <div>
                                    <ul class="ace-thumbnails clearfix">
                                        <li th:each="image : ${dealRecordInfo.houseInfo.list}">
                                            <a th:href="@{'/' + ${image.houseImg}}" data-rel="colorbox">
                                                <img alt="" th:attr="id=${image.id}" th:src="@{'/' + ${image.houseImg}}"
                                                     style="max-height: 150px; max-width: 150px;"/>
                                                <div class="text">
                                                    <div class="inner">点击查看大图</div>
                                                </div>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div><!-- /.col -->
                </div><!-- /.row -->
                <div class="row">
                    <div class="col-xs-12">
                        <!-- PAGE CONTENT BEGINS -->
                        <h3 class="header smaller lighter blue"><i class="fa fa-server" aria-hidden="true"></i>查看成交记录信息
                        </h3>
                        <div class="row-fluid">
                            <!--PAGE CONTENT BEGINS HERE-->
                            <div class="span3">
                                <div class="control-group">
                                    购买人:<span th:text="${dealRecordInfo.buyer}">1</span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    联系电话:<span th:text="${dealRecordInfo.phone}">1</span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    身份证:<span th:text="${dealRecordInfo.idCard}">1</span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    地址:<span th:text="${dealRecordInfo.address}">1</span>
                                </div>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <!--PAGE CONTENT BEGINS HERE-->
                            <div class="span3">
                                <div class="control-group">
                                    成交价格:<span
                                        th:text="${#numbers.formatDecimal(dealRecordInfo.price, 1, 2)}">1</span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    成交时间:<span
                                        th:text="${dealRecordInfo.dealTime ne null ? #dates.format(dealRecordInfo.dealTime, 'yyyy年MM月dd日 HH:mm:ss') : ''}">1</span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    成交类型:<span th:text="${dealRecordInfo.type.text}">1</span>
                                </div>
                            </div>
                            <div class="span3">
                                <div class="control-group">
                                    折扣:<span
                                        th:text="${dealRecordInfo.discountInfo.discountPercent eq null ? '100%' : #numbers.formatDecimal(dealRecordInfo.discountInfo.discountPercent * 100, 2, 1) + '%'}">1</span>
                                </div>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="span12">
                                <div class="control-group">
                                    所在省市区:<span th:text="${dealRecordInfo.provinceName} + '-' + ${dealRecordInfo.cityName}
                                   + '-' + ${dealRecordInfo.regionName}">1</span>
                                </div>
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="text-center span12">
                                <a class="btn" shiro:hasPermission="/dealRecordInfo/getAll" href="getAll"
                                   th:href="@{/dealRecordInfo/getAll}"><i class="fa fa-reply"
                                                                          aria-hidden="true"></i>返回</a>
                            </div>
                        </div>
                        <!-- PAGE CONTENT ENDS -->
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.page-content -->
        </div>
    </div><!-- /.main-content -->
    <div th:replace="common/footer"/>
</div><!-- /.main-container -->
<div th:replace="common/buttom"/>

<form id="form" name="form" th:action="@{/dealRecordInfo/getAll}" th:method="post" th:object="${dealRecordInfoForm}">
    <input type="hidden" id="province" name="province" th:value="*{province}"/>
    <input type="hidden" id="city" name="city" th:value="*{city}"/>
    <input type="hidden" id="region" name="region" th:value="*{region}"/>
</form>

<link rel="stylesheet" th:href="@{/css/colorbox.min.css}"/>
<script th:src="@{/js/colorbox/jquery.colorbox.min.js}"></script>
<script th:src="@{/js/colorbox/colorbox.js}"></script>
</body>
</html>
